<template>
  <div class="outer">
    <h2>App1111</h2>
    <Header />
    <Footer />
    
  </div>
</template>

<script>
import Header from "./components/Header";
import Footer from "./components/Footer";
export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
};
</script>

<!-- 
  如果想要在style中使用less
    1. 给style标签配置lang属性 值为less
    2. 需要安装less 和 less-loader两个包
 -->
<style scoped lang="less">
.outer {
  h2{
    color:red;
  }
}
</style>
